<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="js/swiper-3.4.2.min.css"/>
</head>
<body>
<div id="box">
    <div class="header clearfix">
        <div class="header-logo">
           <div>
               <img src="images/web元素/logo.png"/>
           </div>
            <ul>
                <a href="#">
                    <li class="items">首页</li>
                </a>
                <a href="#">
                    <li>项目</li>
                </a>
                <a href="#">
                    <li>需求</li>
                </a>
                <a href="#">
                    <li>文章</li>
                </a>
            </ul>
        </div>
        <div class="header-path">
            <a href="#">
                <div class="enterprise">
                    企业合作
                </div>
            </a>
            <ul>
                <a href="#">
                    <li>发布项目</li>
                </a>
                <a href="#">
                    <li>移动端</li>
                </a>
                <a href="#">
                    <li>注册&nbsp;</li>
                </a>
                    <li class="lis">|</li>
                <a href="#">
                    <li class="lis">&nbsp;登录</li>
                </a>
            </ul>
        </div>
    </div>
</div>
<div class="swiper-container item-1">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <a href="javascript:;">
            <img src="images/web元素/banner.jpg" />
            </a>
        </div>
        <div class="swiper-slide">
                <a href="javascript:;">
                    <img src="images/web元素/专业的并购信息服务平台-拷贝.jpg" />
                </a>
        </div>
        <div class="swiper-slide">
            <a href="javascript:;">
                <img src="images/web元素/banner.jpg" />
            </a>
        </div>
        <div class="swiper-slide">
            <a href="javascript:;">
                <img src="images/web元素/专业的并购信息服务平台-拷贝.jpg" />
            </a>
        </div>
        <div class="swiper-slide">
            <a href="javascript:;">
                <img src="images/web元素/banner.jpg" />
            </a>
        </div>
    </div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
    <div class="swiper-pagination"></div>
</div>
<div class="title-1">
    <div>
        精选项目
    </div>
    <p>
        为您及时推送最优质的精选项目
    </p>
    <hr style="width: 38px;background-color: #2d3964;border: none;height: 1px;"/>
</div>
<div class="wrapper clearfix">
<div class="article clearfix">
    <div class="article-img">
         <img src="images/web元素/sk.png"/>
    </div>
    <div class="article-size">
        北京某全科综合医疗中心整体转让100%股权
    </div>
    <div class="article-g clearfix">
        <div>百分百股权</div>
        <div>百分百股权</div>
        <div>百分百股权</div>
    </div>
    <div class="article-b">
    </div>
    <div class="article-d">
        <div class="clearfix">
            <div>
                <img src="images/web元素/矩形-6-拷贝-6.png"/>
                <span class="article-spa">股份交易</span>
            </div>
            <div class="article-right">
                <img src="images/web元素/weizhi.png"/>
                <span>北京</span>
            </div>
        </div>
        <div>
            <img src="images/web元素/矩形-3-拷贝-3.png"/>
            <span class="article-spa">科研设计及技术服务业</span>
        </div>
        <div>
            <img src="images/web元素/图层-15.png"/>
            <span class="article-spa">500,000.000万元</span>
        </div>
        <div>
            <span class="article-pro">

            </span>
            <span class="article-right">剩余99天</span>
        </div>
    </div>
</div>
    <div class="article clearfix">
        <div class="article-img">
            <img src="images/web元素/sk.png"/>
        </div>
        <div class="article-size">
            北京某全科综合医疗中心整体转让100%股权
        </div>
        <div class="article-g clearfix">
            <div>百分百股权</div>
            <div>百分百股权</div>
            <div>百分百股权</div>
        </div>
        <div class="article-b">
        </div>
        <div class="article-d">
            <div class="clearfix">
                <div>
                    <img src="images/web元素/矩形-6-拷贝-6.png"/>
                    <span class="article-spa">股份交易</span>
                </div>
                <div class="article-right">
                    <img src="images/web元素/weizhi.png"/>
                    <span>北京</span>
                </div>
            </div>
            <div>
                <img src="images/web元素/矩形-3-拷贝-3.png"/>
                <span class="article-spa">科研设计及技术服务业</span>
            </div>
            <div>
                <img src="images/web元素/图层-15.png"/>
                <span class="article-spa">500,000.000万元</span>
            </div>
            <div>
            <span class="article-pro">

            </span>
                <span class="article-right">剩余99天</span>
            </div>
        </div>
    </div>
    <div class="article clearfix">
        <div class="article-img">
            <img src="images/web元素/sk.png"/>
        </div>
        <div class="article-size">
            北京某全科综合医疗中心整体转让100%股权
        </div>
        <div class="article-g clearfix">
            <div>百分百股权</div>
            <div>百分百股权</div>
            <div>百分百股权</div>
        </div>
        <div class="article-b">
        </div>
        <div class="article-d">
            <div class="clearfix">
                <div>
                    <img src="images/web元素/矩形-6-拷贝-6.png"/>
                    <span class="article-spa">股份交易</span>
                </div>
                <div class="article-right">
                    <img src="images/web元素/weizhi.png"/>
                    <span>北京</span>
                </div>
            </div>
            <div>
                <img src="images/web元素/矩形-3-拷贝-3.png"/>
                <span class="article-spa">科研设计及技术服务业</span>
            </div>
            <div>
                <img src="images/web元素/图层-15.png"/>
                <span class="article-spa">500,000.000万元</span>
            </div>
            <div>
            <span class="article-pro">

            </span>
                <span class="article-right">剩余99天</span>
            </div>
        </div>
    </div>
    <div class="article clearfix  active">
        <div class="article-img">
            <img src="images/web元素/sk.png"/>
        </div>
        <div class="article-size">
            北京某全科综合医疗中心整体转让100%股权
        </div>
        <div class="article-g clearfix">
            <div>百分百股权</div>
            <div>百分百股权</div>
            <div>百分百股权</div>
        </div>
        <div class="article-b">
        </div>
        <div class="article-d">
            <div class="clearfix">
                <div>
                    <img src="images/web元素/矩形-6-拷贝-6.png"/>
                    <span class="article-spa">股份交易</span>
                </div>
                <div class="article-right">
                    <img src="images/web元素/weizhi.png"/>
                    <span>北京</span>
                </div>
            </div>
            <div>
                <img src="images/web元素/矩形-3-拷贝-3.png"/>
                <span class="article-spa">科研设计及技术服务业</span>
            </div>
            <div>
                <img src="images/web元素/图层-15.png"/>
                <span class="article-spa">500,000.000万元</span>
            </div>
            <div>
            <span class="article-pro">

            </span>
                <span class="article-right">剩余99天</span>
            </div>
        </div>
    </div>
    <div class="article clearfix art-top">
        <div class="article-img">
            <img src="images/web元素/sk.png"/>
        </div>
        <div class="article-size">
            北京某全科综合医疗中心整体转让100%股权
        </div>
        <div class="article-g clearfix">
            <div>百分百股权</div>
            <div>百分百股权</div>
            <div>百分百股权</div>
        </div>
        <div class="article-b">
        </div>
        <div class="article-d">
            <div class="clearfix">
                <div>
                    <img src="images/web元素/矩形-6-拷贝-6.png"/>
                    <span class="article-spa">股份交易</span>
                </div>
                <div class="article-right">
                    <img src="images/web元素/weizhi.png"/>
                    <span>北京</span>
                </div>
            </div>
            <div>
                <img src="images/web元素/矩形-3-拷贝-3.png"/>
                <span class="article-spa">科研设计及技术服务业</span>
            </div>
            <div>
                <img src="images/web元素/图层-15.png"/>
                <span class="article-spa">500,000.000万元</span>
            </div>
            <div>
            <span class="article-pro">

            </span>
                <span class="article-right">剩余99天</span>
            </div>
        </div>
    </div>
    <div class="article clearfix art-top">
        <div class="article-img">
            <img src="images/web元素/sk.png"/>
        </div>
        <div class="article-size">
            北京某全科综合医疗中心整体转让100%股权
        </div>
        <div class="article-g clearfix">
            <div>百分百股权</div>
            <div>百分百股权</div>
            <div>百分百股权</div>
        </div>
        <div class="article-b">
        </div>
        <div class="article-d">
            <div class="clearfix">
                <div>
                    <img src="images/web元素/矩形-6-拷贝-6.png"/>
                    <span class="article-spa">股份交易</span>
                </div>
                <div class="article-right">
                    <img src="images/web元素/weizhi.png"/>
                    <span>北京</span>
                </div>
            </div>
            <div>
                <img src="images/web元素/矩形-3-拷贝-3.png"/>
                <span class="article-spa">科研设计及技术服务业</span>
            </div>
            <div>
                <img src="images/web元素/图层-15.png"/>
                <span class="article-spa">500,000.000万元</span>
            </div>
            <div>
            <span class="article-pro">

            </span>
                <span class="article-right">剩余99天</span>
            </div>
        </div>
    </div>
    <div class="article clearfix art-top">
        <div class="article-img">
            <img src="images/web元素/sk.png"/>
        </div>
        <div class="article-size">
            北京某全科综合医疗中心整体转让100%股权
        </div>
        <div class="article-g clearfix">
            <div>百分百股权</div>
            <div>百分百股权</div>
            <div>百分百股权</div>
        </div>
        <div class="article-b">
        </div>
        <div class="article-d">
            <div class="clearfix">
                <div>
                    <img src="images/web元素/矩形-6-拷贝-6.png"/>
                    <span class="article-spa">股份交易</span>
                </div>
                <div class="article-right">
                    <img src="images/web元素/weizhi.png"/>
                    <span>北京</span>
                </div>
            </div>
            <div>
                <img src="images/web元素/矩形-3-拷贝-3.png"/>
                <span class="article-spa">科研设计及技术服务业</span>
            </div>
            <div>
                <img src="images/web元素/图层-15.png"/>
                <span class="article-spa">500,000.000万元</span>
            </div>
            <div>
            <span class="article-pro">

            </span>
                <span class="article-right">剩余99天</span>
            </div>
        </div>
    </div>
    <div class="article clearfix art-top  active">
        <div class="article-img">
            <img src="images/web元素/sk.png"/>
        </div>
        <div class="article-size">
            北京某全科综合医疗中心整体转让100%股权
        </div>
        <div class="article-g clearfix">
            <div>百分百股权</div>
            <div>百分百股权</div>
            <div>百分百股权</div>
        </div>
        <div class="article-b">
        </div>
        <div class="article-d">
            <div class="clearfix">
                <div>
                    <img src="images/web元素/矩形-6-拷贝-6.png"/>
                    <span class="article-spa">股份交易</span>
                </div>
                <div class="article-right">
                    <img src="images/web元素/weizhi.png"/>
                    <span>北京</span>
                </div>
            </div>
            <div>
                <img src="images/web元素/矩形-3-拷贝-3.png"/>
                <span class="article-spa">科研设计及技术服务业</span>
            </div>
            <div>
                <img src="images/web元素/图层-15.png"/>
                <span class="article-spa">500,000.000万元</span>
            </div>
            <div>
            <span class="article-pro">

            </span>
                <span class="article-right">剩余99天</span>
            </div>
        </div>
    </div>
</div>
<div class="title-1">
    <div>
        最新发布
    </div>
    <p>
        最新鲜的并购讯息
    </p>
    <hr style="width: 38px;background-color: #2d3964;border: none;height: 1px;"/>
</div>
<div class="content clearfix">
    <div class="content-left clearfix">
        <div class="content-top">
            <p class="content-p1 content-f">
                项目
            </p>
            <p class="content-p2 content-p3">
                更多
            </p>
        </div>
        <div>
            <p class=" content-f">
            北京全科综合医疗中心整体转让100%股权公司
        </p>
        <p class=" content-p3">
            3分钟前
        </p>
        </div>
        <div>
            <p class=" content-f">
                北京全科综合医疗中心整体转让100%股权公司
            </p>
            <p class=" content-p3">
                3分钟前
            </p>
        </div>
        <div>
            <p class=" content-f">
                北京全科综合医疗中心整体转让100%股权公司
            </p>
            <p class=" content-p3">
                3分钟前
            </p>
        </div>
        <div>
            <p class=" content-f">
                北京全科综合医疗中心整体转让100%股权公司
            </p>
            <p class=" content-p3">
                3分钟前
            </p>
        </div>
        <div class="content-bottom">
            <p class=" content-f">
                北京全科综合医疗中心整体转让100%股权公司
            </p>
            <p class=" content-p3">
                3分钟前
            </p>
        </div>
    </div>
    <div class="content-left clearfix content-right">
        <div class="content-top">
            <p class="content-p1 content-f">
                需求
            </p>
            <p class="content-p2 content-p3">
                更多
            </p>
        </div>
        <div>
            <p class=" content-f">
                北京全科综合医疗中心整体转让100%股权公司
            </p>
            <p class=" content-p3">
                3分钟前
            </p>
        </div>
        <div>
            <p class=" content-f">
                北京全科综合医疗中心整体转让100%股权公司
            </p>
            <p class=" content-p3">
                3分钟前
            </p>
        </div>
        <div>
            <p class=" content-f">
                北京全科综合医疗中心整体转让100%股权公司
            </p>
            <p class=" content-p3">
                3分钟前
            </p>
        </div>
        <div>
            <p class=" content-f">
                北京全科综合医疗中心整体转让100%股权公司
            </p>
            <p class=" content-p3">
                3分钟前
            </p>
        </div>
        <div class="content-bottom">
            <p class=" content-f">
                北京全科综合医疗中心整体转让100%股权公司
            </p>
            <p class=" content-p3">
                3分钟前
            </p>
        </div>
    </div>
</div>
<div class="swiper-l clearfix">
    <div class="title-1 title-2">
        <div>
            最新发布
        </div>
        <p>
            最新鲜的并购讯息
        </p>
        <hr style="width: 38px;height: 1px;background-color:#fff;border: none;"/>
    </div>
        <div id="left" class="swiper-left">
            <!--<img src="images/web元素/圆角矩形-4-拷贝-8.png"/>-->
        </div>
        <div id="right" class="swiper-right">
            <img src="images/web元素/圆角矩形-4-拷贝-9.png"/>
        </div>
        <div class="swiper-a">
        <div class="swiper-item">
            <div class="swiper-active">
                <div class="swiper-home">
                    房地产行业
                </div>
                <div class="swiper-font">
                    <img src="images/web元素/素材/Hot-topic-拷贝-8.png"/>
                </div>
                <div class="swiper-img">
                    <img src="images/web元素/素材/3.png"/>
                </div>
            </div>
            <div class="swiper-active">
                <div class="swiper-home">
                    信息技术服务业
                </div>
                <div class="swiper-font">
                    <img src="images/web元素/素材/Hot-topic-拷贝-8.png"/>
                </div>
                <div class="swiper-img">
                    <img src="images/web元素/素材/1.png"/>
                </div>
            </div>
            <div class="swiper-active">
                <div class="swiper-home">
                    金融业+国企混改
                </div>
                <div class="swiper-font">
                    <img src="images/web元素/素材/Hot-topic-拷贝-8.png"/>
                </div>
                <div class="swiper-img">
                    <img src="images/web元素/素材/5.png"/>
                </div>
            </div>
            <div class="swiper-active">
                <div class="swiper-home">
                    机械工业
                </div>
                <div class="swiper-font">
                    <img src="images/web元素/素材/Hot-topic-拷贝-8.png"/>
                </div>
                <div class="swiper-img">
                    <img src="images/web元素/素材/2.png"/>
                </div>
            </div>
            <div class="swiper-active swiper-last">
                <div class="swiper-home">
                    电子工业
                </div>
                <div class="swiper-font">
                    <img src="images/web元素/素材/Hot-topic-拷贝-8.png"/>
                </div>
                <div class="swiper-img">
                    <img src="images/web元素/素材/4.png"/>
                </div>
            </div>
        </div>
        <div class="swiper-item">
            <div class="swiper-active">
                <div class="swiper-home">
                    房地产行业
                </div>
                <div class="swiper-font">
                    <img src="images/web元素/素材/Hot-topic-拷贝-8.png"/>
                </div>
                <div class="swiper-img">
                    <img src="images/web元素/素材/3.png"/>
                </div>
            </div>
            <div class="swiper-active">
                <div class="swiper-home">
                    信息技术服务业
                </div>
                <div class="swiper-font">
                    <img src="images/web元素/素材/Hot-topic-拷贝-8.png"/>
                </div>
                <div class="swiper-img">
                    <img src="images/web元素/素材/1.png"/>
                </div>
            </div>
            <div class="swiper-active">
                <div class="swiper-home">
                    金融业+国企混改
                </div>
                <div class="swiper-font">
                    <img src="images/web元素/素材/Hot-topic-拷贝-8.png"/>
                </div>
                <div class="swiper-img">
                    <img src="images/web元素/素材/5.png"/>
                </div>
            </div>
            <div class="swiper-active">
                <div class="swiper-home">
                    机械工业
                </div>
                <div class="swiper-font">
                    <img src="images/web元素/素材/Hot-topic-拷贝-8.png"/>
                </div>
                <div class="swiper-img">
                    <img src="images/web元素/素材/2.png"/>
                </div>
            </div>
            <div class="swiper-active swiper-last">
                <div class="swiper-home">
                    电子工业
                </div>
                <div class="swiper-font">
                    <img src="images/web元素/素材/Hot-topic-拷贝-8.png"/>
                </div>
                <div class="swiper-img">
                    <img src="images/web元素/素材/4.png"/>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="title-1">
    <div>
        精选项目
    </div>
    <p>
        为您及时推送最优质的精选项目
    </p>
    <hr style="width: 38px;background-color: #2d3865;border: none;height: 1px;"/>
</div>
<div class="articles clearfix">
  <div class="articles-wrapper">
    <div class="articles-box">
        <div class="articles-title">
            马斯克要用开源抗拒头，现在却饱受质疑
        </div>
        <p>
            AI研究是一个纯净的世界，最棒的理念并不是靠下一个产品循环或者利润驱动的——至少不完全由它们驱动。研究人员想让AI更好，如果拒绝分享最新的研究成果，AI就不可能变得更好。
        </p>
        <div class="articles-bottom">
            <img src="images/web元素/日历-拷贝-6.png">
            <span>2017-08-16</span>
        </div>
    </div>
</div>
    <div class="articles-wrapper">
        <div class="articles-box">
            <div class="articles-title">
                程序化购买已成互联网广告发展方向，舜飞科技为广告投放提供全流程服务
            </div>
            <p>
                AI研究是一个纯净的世界，最棒的理念并不是靠下一个产品循环或者利润驱动的——至少不完全由它们驱动。研究人员想让AI更好，如果拒绝分享最新的研究成果，AI就不可能变得更好。
            </p>
            <div class="articles-bottom">
                <img src="images/web元素/日历-拷贝-6.png">
                <span>2017-08-16</span>
            </div>
        </div>
    </div>
    <div class="articles-wrapper">
        <div class="articles-box">
            <div class="articles-title">
                如何打造一个活跃的高价值社区
            </div>
            <p>
                AI研究是一个纯净的世界，最棒的理念并不是靠下一个产品循环或者利润驱动的——至少不完全由它们驱动。研究人员想让AI更好，如果拒绝分享最新的研究成果，AI就不可能变得更好。
            </p>
            <div class="articles-bottom">
                <img src="images/web元素/日历-拷贝-6.png">
                <span>2017-08-16</span>
            </div>
        </div>
    </div>
    <div class="articles-wrapper">
        <div class="articles-box">
            <div class="articles-title">
                AI医疗创业的关键词并非只有只能诊断
            </div>
            <p>
                AI研究是一个纯净的世界，最棒的理念并不是靠下一个产品循环或者利润驱动的——至少不完全由它们驱动。研究人员想让AI更好，如果拒绝分享最新的研究成果，AI就不可能变得更好。
            </p>
            <div class="articles-bottom">
                <img src="images/web元素/日历-拷贝-6.png">
                <span>2017-08-16</span>
            </div>
        </div>
    </div>
</div>
<div class="all">
    所有文章
</div>
<div class="img">
      <ul class="img-box">
          <li>
              <p class="img-big">10000</p>
              <p class="img-small">项目需求总数</p>
          </li>
          <li>
              <p class="img-big">10000</p>
              <p class="img-small">成功撮合</p>
          </li>
          <li>
              <p class="img-big">99000000</p>
              <p class="img-small">成交额（万元）</p>
          </li>
          <li>
              <p class="img-big">100</p>
              <p class="img-small">服务业务</p>
          </li>
      </ul>
</div>
<div class="footer clearfix">
    <div class="footer-left">
        <div class="footer-logo">
            <img src="images/web元素/版权logo.png"/>
        </div>
        <div class="footer-font">
            <p>北京并购网络科技有限公司</p>
            <p>
                2016-2017&nbsp;Binggou&nbsp;net&nbsp;
                Co..Ltd.All&nbsp;Rights&nbsp;Reserved.
                &nbsp;京ICP备15064910号-2
            </p>
        </div>
    </div>
    <ul class="footer-right">
        <a href="#">
            <li>关于我们</li>
        </a>
        <a href="#">
            <li class="concate">联系我们</li>
        </a>
        <a href="#">
            <li class="join">加入我们</li>
        </a>
    </ul>
</div>
<script src="js/swiper-3.4.2.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    var mySwiper1 = new Swiper('.item-1',{
        autoplay:5000,
        loop : true,
        prevButton:'.swiper-button-prev',
        nextButton:'.swiper-button-next',
        pagination : '.swiper-pagination',
        paginationClickable :true
    })
    var mySwiper2 = new Swiper('.swiper-container', {
        loop:true,
        prevButton:'.swiper-button-prev',
        nextButton:'.swiper-button-next'
    })
    $(function () {
        $(".all").hover(function () {
            $(this).css("background-color","#ececec").stop().fadeIn(4000,ease-out)
        },function () {
            $(this).css("background-color","#f9f9f9").stop().fadeIn(4000,ease-out)
        })
        $(".enterprise").hover(function () {
            $(this).css({"background-color":"#4f9bfd","color":"#fff"}).stop().fadeIn(4000,ease-out)
        },function () {
            $(this).css({"background-color":"#fff","color":"#4f9bfd"}).stop().fadeIn(4000,ease-out)
        })
        $(window).scroll(function(){
            //获取滚动条距离顶部的距离
            var tall = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
            //判断滚动的距离
            if (tall>=0 && tall<714) {
                $("#box").removeClass("box");
            }
            else if (tall>=714) {
                $("#box").addClass("box");
            }
            for(var i = 0;i<$(".img-big").length;i++){
                var number = $(".img-big").eq(i).html();
                number-=100;
                (function (m,j) {
                    var Timer = null;
                   Timer = setInterval(function(){
                          m++;
                        $(".img-big").eq(j).html(m);
                        if(m>=number+100){
                            clearInterval(Timer);
                        }
                    },500)
                })(number,i)
            }
        });
    })

</script>
</body>
</html>